<template>
        <div class="goodsEntry">
          <div style="padding:20px">
              <el-button type="primary" @click="returnOver">返回</el-button>
            
                
              <!-- <div style="margin-top:20px">出库数量</div> -->
                <div class="wrapper">
                        <el-table class="table" :data="tableData" stripe highlight-current-row border>
                          <el-table-column align="center" prop="goodsName" label="商品名称">
                          </el-table-column>
                       
                          <el-table-column align="center" prop="odorType" label="香型">
                            </el-table-column>
                         <el-table-column align="center" prop="netContent" label="净含量">
                          </el-table-column>
                        
                          <el-table-column align="center" prop="unit" label="单位">
                          </el-table-column>
                          <el-table-column align="center" prop="alocohl" label="酒精度">
                          </el-table-column>
                          <el-table-column align="center" prop="rawDesc" label="原料">
                          </el-table-column>
                         
                       
                        </el-table>
                       
                </div>
                <div style="margin-bottom: 20px;">酒的信息</div>
                <div style="height: 300px;">
                        <el-steps direction="vertical" :active="sourceInfo.length" :space="100">
                          <el-step :title="item.createTime" :description="item.nodeDesc" v-for="item in sourceInfo" :key="item.index"></el-step>
                          <!-- <el-step title="步骤 2"></el-step>
                          <el-step title="步骤 3" description="这是一段很长很长很长的描述性文字"></el-step> -->
                        </el-steps>
                </div>
                <!-- <div class="wrapper">
                        <el-table class="table" :data="kindData" stripe highlight-current-row border>
                          
                          <el-table-column align="center" prop="goodsId" label="商品ID">
                          </el-table-column>
                          <el-table-column align="center" prop="inFactoryTime" label="酒厂新酒入库时间">
                          </el-table-column>
                          <el-table-column align="center" prop="orderTime" label="下单时间">
                          </el-table-column>
                          <el-table-column align="center" prop="orderStatus" label="酒厂新酒出库时间">
                          </el-table-column>
                          <el-table-column align="center" prop="orderStatus" label="酒的状态">
                          </el-table-column>
                        
                        </el-table>
                       
                </div> -->
          </div>
         
        
        </div>
      </template>
      
      <script>
        export default {
          data() {
            return {
              height: "auto",
              skuNo:this.$route.params.id,
              kindData:[],
              
              
              tableData: [{}],
              sourceInfo:[]
              
             
            };
          },
          mounted () {
            console.log(this.$route)
            this.tableList();
            // this.infoList();
          },
          methods: {
               //初始化数据
          async tableList() {
            try {
                let { data } = await this.$post({
                    api: "/show/goods/source",
                    data:{
                        goodsId:'158842260'
                    }
                  });
                  if (data.code === 0) {
    
                      console.log(data)
                    this.tableData = data.data.goodsInfo;
                    this.sourceInfo = data.data.sourceInfo;
                    // this.page.total = data.rdPage.total;
                    // this.page.total = data.rdPage.total;
                    // console.log(data)
                    // this.rawList = data.data;
                  } else {
                    this.$message({
                      type: "error",
                      message: data.msg
                    });
                  }
                } catch (e) {
                //   this.$message({
                //     type: "error",
                //     message: "接口报错"
                //   });
                }
            },
           
            returnOver(){
                this.$router.go(-1);
            }
          }
        };
      </script>
      
      <style lang="scss" scoped>
        .query {
          overflow: hidden;
          border-bottom: 1px solid #eeeeee;
          &-item {
            float: left;
            margin: 15px 20px;
          }
          .el-input {
            width: 150px;
          }
          .el-button {
            margin: 0 15px;
            &:last-child {
              margin-right: 0;
            }
          }
        }
      
        .entry-info {
          padding: 15px 20px;
          border-bottom: 1px solid #eeeeee;
        }
      
        .goods-category {
          line-height: 32px;
          span {
            color: #0033ff;
            text-decoration: underline;
            cursor: pointer;
          }
        }
      
        .goods-count {
          line-height: 32px;
        }
      
        .goods-id {
          display: flex;
          justify-content: space-between;
          padding: 0 40px;
          border-left: 1px solid #000;
          border-right: 1px solid #000;
          span {
            position: relative;
            display: inline-block;
            padding: 8px 15px;
            border: 1px solid #333;
            &:after {
              content: "";
              position: absolute;
              top: -6px;
              left: -6px;
              width: 100%;
              height: 100%;
              padding: 6px;
              border: 1px solid #333;
            }
          }
        }
      
        .wrapper {
          padding: 10px 15px;
        }
      
        .canceloff-btn {
          color: #0033ff;
          cursor: pointer;
        }
      </style>